.app-rawitem-carousel {
  width: 100%;
  height: 100%;
  .carsouel-container {
    height: 100%;
    .slick-slider {
      height: 100%;
    }
    .slick-list {
      height: 100%;
    }
    .slick-track {
      height: 100%;
    }
    .slick-arrow {
      width: 25px;
      height: 25px;
      font-size: 25px;
      color: @app-text-color-step--700;
      &:hover {
        color: @app-text-color-step--800;
      }
      &:before {
        display: none;
      }
    }
    .carousel-img-item {
      width: 100%;
      height: 100%;
      text-align: center;
      .app-carouse-img {
        object-fit: contain;
        width: 100%;
        height: 150px;
      }
    }
    .slick-dots li {
      button {
        background: @text-color-secondary;
      }
      &.slick-active {
        button {
          background: @primary-color;
        }
      }
    }
  }
}
